<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        
    </h:head>
    <h:body>
        <ui:composition template="/WEB-INF/facelets/templates/TemplateAcceso.xhtml">
            <ui:define name="content">
                <div align="center">
                    <h:outputText value="#{msg.empresa}" styleClass="tituloAcceso"/>
                    <br/>
                    <h:outputText value="#{msg.sistema}" styleClass="subTituloAcceso " />
                </div>
               <div style=" padding-top:15px">
                 
                 <h:form id="acceder">
                     
                  <p:panel id="acceso_usuario"  style=" width: 370px; height: 170px">
                     
                    <p:growl id="estado" sticky="true" showDetail="true"/>
                    <h:panelGrid columns="2" style="padding: 15px">
                        
                      <h:outputText value="#{msg.usuario}:"/>
                      <h:panelGroup >
                          <p:inputText id="user" value="#{bUsuario.nom_user}"  required="true" label="#{msg.usuario}" requiredMessage="#{msg.ingreseUsuario}">  
                              <f:validateLength for="user" minimum="1" />  
                          </p:inputText>                         
                      </h:panelGroup>
                 
                      <h:outputText value="#{msg.contrasena}:"/>                                  
                      <h:panelGroup>                                                   
                          <p:keyboard id="pass" value="#{bUsuario.clave_user}" password="true"  label="#{msg.contrasena}" layout="custom"  requiredMessage="#{msg.ingreseContrasena}" 
                                      layoutTemplate="abcdefghi-space-back,jklmnñopq.-close,rstuvwxyz@-shift,0123456789-clear">
                              <f:validateLength for="pass" minimum="1" />  
                          </p:keyboard>                                     
                      </h:panelGroup>
                      
                      <br/><br/><br/>
                      
                      <h:panelGrid columns="2">
                          <p:commandButton  value="#{msg.acceder}"  icon="ui-icon-key" action="#{bUsuario.loginUsuario()}"  
                                            global="false" style="margin-left:5px" update="estado,acceder"/>
                          <p:commandButton  icon="ui-icon-document" value="#{msg.limpiar}" type="reset"/>
                      </h:panelGrid>
                      
                    </h:panelGrid>
                    
                  </p:panel> 
                </h:form>
              </div>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
